﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>淡定書城</title>
<style type="text/css">
body {
	margin-left: 300px;
	margin-right: 300px;
	background-color: #F90;
}
a:link {
	color: #999;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999;
}
a:hover {
	text-decoration: none;
	color: #F00;
}
a:active {
	text-decoration: none;
	color: #F90;
}
</style>
</head>

<body>
<a name="top"></a>

<p>&nbsp;</p>
<center>
<table width="800" border="0" bgcolor="#FFFFCC">
  <tr>
    <td width="50">&nbsp;</td>
    <td width="956">
    <center>
      <br />
      <img src="image/title_logo.png" width="480" height="150" />
    </center>

  <!-- 簡介 -->
  <h1 align="center"><img src="image/logo2.png" width="144" height="187" /></h1>
  <p align="center">
  <a href="#概論">概論</a> | 
  <a href="#系統架構圖">系統架構圖</a> | 
  <a href="#畫面預覽">畫面預覽</a> | 
  <a href="#操作影片">操作影片</a> | 
  <a href="#開發團隊">開發團隊</a>
  </p><br />
  <h1 align="center"><a name="概論"></a>概論</h1>
  <table border=0" align="center">
  <tr><td width=600><p align="left">
  　　小說、雜誌隨身攜帶，已經不再是麻煩事！<br /><br />
  　　揮別過去沉重的負擔，「Danding Book (淡定書城) APP」讓使用者能將多本書籍、雜誌一次帶出門，且結合了音樂播放器讓使用者邊看書籍邊聽音樂，同時擁有視覺與聽覺的享受，「Danding Book APP」能將書籍雜誌下載於個人手機，讓使用者在沒有網路的情況下也可以使用與聽音樂。</p>
  </td></tr>
  </table>
  <p align="right"><a href="#top">↑ 置頂</a></p>
  
  
  <!-- 系統架構圖 -->
  <hr />
  <h1 align="center"><a name="系統架構圖"></a>系統架構圖</h1>
  <p align="center"><img src="image/logo07.png" width="504" height="594" border=2/></p>
  <p align="right"><a href="#top">↑ 置頂</a></p>

  
  <!-- 跑馬燈 -->
  <hr />
  <h1 align="center"><a name="畫面預覽"></a>畫面預覽</h1>
  <marquee>
      <img src="image\logo01.png">&nbsp;&nbsp;&nbsp;&nbsp;
      <img src="image\logo02.png">&nbsp;&nbsp;&nbsp;&nbsp;
      <img src="image\logo03.png">&nbsp;&nbsp;&nbsp;&nbsp;
      <img src="image\logo04.png">&nbsp;&nbsp;&nbsp;&nbsp;
      <img src="image\logo05.png">&nbsp;&nbsp;&nbsp;&nbsp;
      <img src="image\logo06.png">
  </marquee>
  <p align="right"><a href="#top">↑ 置頂</a></p>
  
  <!-- 影片 -->
  <hr />
  <h1 align="center"><a name="操作影片">操作影片</a></h1>
  <div align="center">
      <embed src="http://www.youtube.com/v/QuY03Tc2t2g" width="600" type="application/x-shockwave-flash" height="350" wmode="transparent" align="ABSMIDDLE"></embed>
  </div>
  <p align="right"><a href="#top">↑ 置頂</a></p>
  
  <!-- 開發團隊 -->
  <hr />
  <h1 align="center"><a name="開發團隊"></a>開發團隊</a></h1>
  <table width="259" border="1" align="center">
    <tr>
      <td width="104" height="34" bgcolor="#FF9900"><strong>組長</strong></td>
      <td width="139">陳裕允</td>
    </tr>
    <tr>
      <td height="75" bgcolor="#FF9900"><strong>組員</strong></td>
      <td>魏伊君<br />
柯菁怡<br />
林威成</td>
    </tr>
    <tr>
      <td height="49" bgcolor="#FF9900"><strong>指導老師</strong></td>
      <td><p>林靖傑<br />
      陳凱宏</p></td>
    </tr>
  </table>
  <p align="right"><a href="#top">↑ 置頂</a></p>
  <p>&nbsp;</p></td>
  
  <td width="50">&nbsp;</td>
  </tr>
  <tr>
  <td colspan=3"" bgcolor="#FFFF66">
  <p align="center">培訓單位：<a href="http://www.all-taiwan.com.tw/">上益電腦國際認證中心</a></p>
  </td>
  </tr>
</table>
<center>
<p>&nbsp;</p>
<iframe style="display:none">	<!-- 去除廣告 -->
</body>
</html>

